{% extends "tpls/layout.html" %}

{% block title %}菜价列表{% endblock %}

{% block style %}
<!-- inject:css -->
<link rel="stylesheet" href="/dist/styles/build/index.min.1476270773013.css"/>
<!-- endinject -->
{% endblock %}
{% block content %}

<div style="margin:0 auto;width:0;height:0;overflow:hidden;">
	<img src="/icons/share.jpg" width=400>
</div>

<div class='page-index'>
	<header>
		<div class="location">
			<div class="market-name" onclick="onChangeMarket(event)">&nbsp;</div>
			<a>
				<i class="icon icon-position"></i>
			</a>
		</div>

		<ul class="categories">
			
		</ul>
	</header>

	<div class="content">
		<ul class="items">
			
		</ul>
		<footer>
			<div>以上菜价单位：元/500g</div>
			<div>本价格为菜场平均成交价，仅供参考，具体价格以菜场实际情况为准。</div>
	  		<div>数据来源：普陀区菜价通系统  更新时间：<span class="time"></span></div>
			<div>图片来源：上海永昌菜市场</div>
		</footer>
	</div>
</div>

<div class="markets-overlay" onclick="onChangeMarket(event)">
	<div class="inner">
		<form id="search" onsubmit="javascript:return false;">
			<i class="icon icon-search"></i>
			<input type="search" name="name" placeholder="输入菜场名称" oninput="onSearch()"/>
			<div class="btn-cancel" onclick="onCancel()">取消</div>
		</form>
		<ul class="markets">

		</ul>
	</div>
</div>
<!-- templates -->
<script type="text/template" id="category-item-tpl">
	<li class="">
		<img/>
		<div class="name"></div>
		<div class="triangle"></div>
	</li>
</script>

<script type="text/template" id="commodity-item-tpl">
	<li class="item">
		<a>
			<div class="cimage"></div>
			<div class="inner">
				<div class="title">
					<span class="name"></span>
				</div>
				<div class="price">
					<div><span style="font-size: 0.8rem;">当前价格：</span><span class="current"></span></div>
					<div><span style="font-size: 0.8rem;">普陀均价：</span><span class="average"></span></div>
				</div>
			</div>
		</a>
	</li>
</script>

<script type="text/template" id="market-item-tpl">
	<li>
		<a >
			<div class="name"></div>
			<div class="flag">
				<i class="icon icon-Integrity"></i>
				诚信菜场
			</div>
			<div class="distance"></div>
		</a>

	</li>
</script>

{% endblock %}

{% block script %}
<script>
	window.marketId = '{{ marketId }}';
	$(function () {
		var el = $('.nav li');
		el.removeClass('current');
		el.eq(0).addClass('current');
	});
</script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=YLIXKCZq5ZPp3cP3mMsDhUG4fNRAIRud" type="text/javascript"></script>
<!-- inject:js -->
<!--<script src="/dist/scripts/bundle/index.js"></script>-->
<!-- endinject -->
{% endblock %}
